<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>人员确认订单</title>
    <link rel="stylesheet" href="css/orderPerson.css"/>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>

<body id="order_body">
<script type="text/template" id="OrderTpl">
    <section id="order_section">


        <div class="order_address">
            <div class="addressBox">

                <img src="../person_home/img/ios/RTLS@2x.png" alt=""/>
            </div>
            <div class="address">
                <ul>
                    <li class="contacts">
                        <p class="address_contacts">联系人：<b>请选择或设置</b></p>

                        <p class="address_phone"></p>
                    </li>
                    <li class="serviceAddress">
                        服务地址：<b>请选择或设置</b>
                    </li>
                </ul>
            </div>
            <div class="Add_address">
                <img class="add_address" src="../person_home/img/ios/Down@3x.png" alt=""/>
            </div>
        </div>
        <div class="bigbg"></div>
        <div class="order_goodsMsg">
            <!--<p>人员信息</p>-->

            <div class="goodsMsgBox">
                <p>
                    <img src="{{data.goods_thumb}}" alt=""/>
                </p>

                <div>
                    <div class="proModel">
                        <h3>{{data.goods_name}}</h3>
                        <h4>{{data.category_info.cat_name}}</h4>
                    </div>
                    <p class="date">日期：</p>
                    <p class="num">时长：{{meal.time_long_name?meal.time_long_name:"8小时"}}</p>
                    <p class="meal">
                        <span>套餐：{{meal.name}}</span>
                        <span class="price">{{meal.data_type}}/天</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="bg"></div>
        <!--<div class="order_time">-->
        <!--<p>预约时间</p>-->

        <!--<div>-->
        <!--<span class="order_start"></span>-->
        <!--<b>至</b>-->
        <!--<span class="order_end"></span>-->
        <!--</div>-->
        <!--</div>-->
        <div class="order_coupon">
            <p>优惠券</p>

            <div>
                <span class="couponPrice">请选择</span>
                <b></b>
            </div>
        </div>
        <div class="bg"></div>
        <div class="order_remark">

            <h2>下单备注</h2>

            <p>1、目前仅支持用户自取，请提前安排取送时间。</p>

            <p>2、归还时间包含在订单时间内，请在订单结束前归还。</p>

            <p>3、为了给您提供更好的服务，请您下单后尽快付款，超出30分钟订单将自动取消。</p>

            <p>4、部分服务支持1天起租，8H≤全天≤24H。</p>

            <p>5、超出24H且8H之内的部分按小时收费，不足1H按1H收取（日租金/8 * X小时）</p>

            <!--<p class="xieyi">-->
                <!--<input type="checkbox" checked disabled class="checkbox"/>我同意《云智片用户租赁协议》-->
            <!--</p>-->

        </div>
        <div class="bg"></div>
        <div class="moneyDetail">
            <div>
                <p>服务总额</p>
                <span><b class="proTotal">{{money}}</b></span>
            </div>
            <div>
                <p>优惠金额</p>
                <span>￥<b class="couponMoney">0.00</b></span>
            </div>
            <div>
                <p>押金金额</p>
                <span>￥<b class="cash_pledge">{{meal.worth}}</b></span>
            </div>


            <!-- <div>
                <p>保险</p>
                <span>￥<b class="insurance" >0</b></span>
            </div> -->
        </div>
        <div class="bigbg"></div>

    </section>

    <!--底部提交订单-->
    <footer id="order_footer" class="order_footer_position">
        <p class="order_price">实付款</p>
        <button class="submit">提交订单</button>
    </footer>
</script>






<script src="../person_home/js/flexible.js"></script>
<script src="../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../person_home/js/jquery-3.2.1.min.js"></script>

<script src="../person_home/js/template.js"></script>
<script src="../person_home/js/url.js"></script>
<script src="../person_home/js/isIphoneX.js"></script>
<script src="js/orderPerson.js"></script>
</body>
</html>